﻿<%@ page contentType="text/html;charset=UTF-8" language="java" pageEncoding="utf-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<!DOCTYPE html>
<%
    String contextPath = request.getContextPath();
%>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<title>省级监测指标达标率分析</title>
    <link rel="stylesheet" type="text/css" href="<%=contextPath%>/resources/easyUI/themes/gray/easyuia.css"/>
    <link rel="stylesheet" type="text/css" href="<%=contextPath%>/resources/easyUI/icon.css"/>
    <link rel="stylesheet" type="text/css" href="<%=contextPath%>/resources/bass.css"/>
    <script type="text/javascript" src="<%=contextPath%>/resources/js/jquery-1.8.0.min.js"></script>
    <script type="text/javascript" src="<%=contextPath%>/resources/js/jquery.easyui.min.js"></script>
    <script type='text/javascript' src="<%=contextPath%>/resources/echarts/echarts.min.js"></script>
	<script type="text/javascript" src="<%=contextPath%>/resources/js/ExportExcelDlg.js"></script>
    <script type='text/javascript' src="<%=contextPath%>/resources/js/monitor/province.js"></script>
    <style>
        .ml5{margin-left: 5px}
    </style>
</head>
<body id="ibody"> 
<div id="content" style="width: 100%;height: auto">
    <div class="time" style="margin:10px 0px">
        <input type="hidden" id="page" name="page"  value="1">
        <input type="hidden" id="pageSize" name="pageSize" value="30">
        <input type="hidden" id="forms" name="forms" value="1">
        <input type="hidden" id="showBackColor" name="showBackColor" value=true>

        <label class="ml5">年份：</label>
        <input name="year" type="checkbox" value="2010" checked="checked" onclick="checkyears()"/> 2010 &nbsp;
        <input name="year" type="checkbox" value="2011" onclick="checkyears()"/> 2011 &nbsp;
        <input name="year" type="checkbox" value="2012" onclick="checkyears()"/> 2012 &nbsp;
        <input name="year" type="checkbox" value="2013" onclick="checkyears()"/> 2013 &nbsp;
        <input name="year" type="checkbox" value="2014" onclick="checkyears()"/> 2014 &nbsp;
        <input name="year" type="checkbox" value="2015" checked="checked" onclick="checkyears()"/> 2015 &nbsp;
        <input name="year" type="checkbox" value="2016" checked="checked" onclick="checkyears()"/> 2016 &nbsp;
        <input name="year" type="checkbox" value="2017" checked="checked" onclick="checkyears()"/> 2017 &nbsp;
        <input name="year" type="checkbox" value="2018" checked="checked" onclick="checkyears()"/> 2018 &nbsp;
        <input name="year" type="checkbox" value="2019" checked="checked" onclick="checkyears()"/> 2019 &nbsp;
        <input name="year" type="checkbox" value="2020" checked="checked" onclick="checkyears()"/> 2020 &nbsp;

        <span class="ml5">
            <label>领域：</label>
            <input class="easyui-combobox" name="Field_com" id="Field_com" style="width:120px;">
        </span>

        <label class="ml5">
            <a href="javaScript:void(0)" onclick="exportexcel();" class="easyui-linkbutton" iconCls="icon-excel">导出Excel</a>
        </label>
    </div>

    <div  id="view_chart" class="easyui-panel" title="图形列表" data-options="collapsible:true" style="width: 99%;">
		<div id="tabDiv" name="tabDiv" fit="true" plain="true" class="easyui-tabs" style="width:768px;height:500px;">
		    <div title="监测指标领域占比" style="display:none;" >
			    <div id="view_containerzhuzi" style="margin:5px 0px 5px 5px;border: 1px solid #D3D3D3;float:left;padding:10px 20px 10px 10px;height:415px;"></div> 
		    </div>
		    <div title="监测指标走势分析"  style="overflow:auto;display:none;" >
			    <div id='view_columnar' style="margin:5px 0px 5px 5px;float:left;border: 1px solid #D3D3D3;padding:10px 20px 10px 10px;height:415px;"></div>
		    </div>
		</div>
	</div>
    <!--图形列表END-->
    
    <!--报表列表START-->
    <div id="tablepanel" data-options="collapsible:true" class="easyui-panel" style="width: 99%;height:auto;padding:10px;padding-right: 25px;" title="报表列表">
        <table id="tt"></table>
    </div>
    <!--图形列表END-->
</div>
</body>
</html>